<div th:fragment="top">

    <script>
        $(".right-list li").attr("class","");

        $(".right-list li:last-child").attr("class","right-list-active");
    </script>

    <div class="content-top">
        <div class="content-top-info">
            <div class="content-top-left">
                <div class="left-logo">
                    <a href="https://www.hasbei.com/" class="logo-info" target="_self"><img src="../../static/image/logo.png" alt="有贝口腔网"></a>
                </div>
                <ul class="right-list">
                    <li class="right-list-active"><a href="https://www.hasbei.com/zx" target="_self"><img src="../../static/image/news-icon.png" alt="有贝口腔网"><span>资讯</span></a></li>
                    <li><a href="http://localhost:8876/question/home" target="_self"><img src="../../static/image/qa-icon.png" alt="有贝口腔网"><span>问答</span></a></li>
                </ul>
            </div>
            <form action="/search" method="get">
                <div class="content-top-right">
                    <div class="search-input">
                        <img class="search-icon" src="../../static/image/icon_Search.png">
                        <input class="top-search" type="text" name="kw" placeholder="请输入资讯、问题搜索">
                        <input class="search-sub" type="submit" value="搜索">
                    </div>

                    <div class="land-regist">
                        <a class="top-land" href="https://www.hasbei.com/login">登录</a>
                        <span></span>
                        <a class="top-regist" href="https://www.hasbei.com/reg">注册</a>
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>

<div th:fragment="classify">
    <div class="max-width">
        <ul class="main-tab-ul">

            <li onclick="clickType(this,10)" class="main-tab-active"><a href="javascript:;" target="_self">今日推荐</a></li>
            <li onclick="clickType(this,15)"><a href="javascript:;" target="_self">热门</a></li>
            <li onclick="clickType(this,20)"><a href="javascript:;" target="_self">最新</a></li>
            <!-- <li><a href="#">美白</a></li>
            <li><a href="#">牙痛</a></li>
            <li><a href="#">···</a></li> -->
        </ul>
        <!-- 移动端 -->
        <th:block th:include="comment/top::category"/>
    </div>
</div>

<div th:fragment="category">

    <div class="main-tab-box">
        <div class="main-tab-div">
            <ul class="main-tab-phone">
                <li class="main-tab-active"><a href="https://www.hasbei.com/">推荐</a></li>
                <li><a href="https://www.hasbei.com/zx/5" target="_self">美白</a></li>
                <li><a href="https://www.hasbei.com/zx/1" target="_self">矫正</a></li>
                <li><a href="https://www.hasbei.com/zx/10" target="_self">种植牙</a></li>
                <li><a href="https://www.hasbei.com/zx/3" target="_self">溃疡</a></li>
                <li><a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a></li>
                <li><a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a></li>
                <li><a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a></li>
                <li><a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a></li>
                <li><a href="https://www.hasbei.com/zx/9" target="_self">补牙</a></li>
                <li><a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a></li>
                <li><a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a></li>
                <li><a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a></li>
            </ul>
            <div class="more-list">
                <span>更多</span>
                <img class="arrow-bottom" src="../../static/image/arrow-bttom.png" alt="有贝口腔网">
            </div>
        </div>
        <ul class="more-list-ul">
            <li><a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a></li>
            <li><a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a></li>
            <li><a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a></li>
            <li><a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a></li>
            <li><a href="https://www.hasbei.com/zx/9" target="_self">补牙</a></li>
            <li><a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a></li>
            <li><a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a></li>
            <li><a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a></li>
        </ul>
    </div>
</div>